<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 <html xmlns="http://www.w3.org/1999/xhtml"> 
 <wicket:extend> 
 <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
 <title>WattDepot Visualizer</title> 
 </head> 
  
 <body>
<table align="center" width="100%" border="0">
     <tr>
         <td>
             <table align="center" width="100%" border="0">
                 <form name="visualizedForm" wicket:id="visualizedForm">
                     <tr>
                         <td>Display Data : </td>
                         <td>Sources : </td>
                         <td>Begin Date:</td>
                         <td>End Date: </td>
                         <td>View:</td>
                         <td>
                         </td>
                     </tr>
                     <tr>                       
                         <td rowspan="2" valign="top">
                             <div id="typeDrop" class="dropbox" rowspan="2">
                                 <strong>Calculated Data</strong>
                                 <br/>
                                 <input type="checkbox" id="type1" name="type" value="powerGenerated" onclick="dataOptions()" checked />
                                 Power Generated<br />
                                 <input type="checkbox" id="type2" name="type" value="energyGenerated" onclick="dataOptions()" />
                                 Energy Generated<br />
                                 <input type="checkbox" id="type3" name="type" value="powerConsumed" onclick="dataOptions()" />
                                 Power Consumed<br />
                                 <input type="checkbox" id="type4" name="type" value="energyConsumed" onclick="dataOptions()" />
                                 Energy Consumed<br />
                                 <input type="checkbox" id="type5" name="type" value="carbonEmitted" onclick="dataOptions()" />
                                 Carbon Emitted<br />
                                 <strong>Sensor Data</strong><br/>
                                 <input type="checkbox" id="type6" name="type" value="powerConsumed" onclick="sensorOptions()" />
                                 Power Consumed <br />
                                 <input type="checkbox" id="type7" name="type" value="powerGenerated" onclick="sensorOptions()" />
                                 Power Generated <br />
                                 <input type="checkbox" id="type8" name="type" value="energyConsumedToDate" onclick="sensorOptions()" />
                                 Energy Consumed To Date <br />
                             </div>
                         </td>
                         <td valign="top" rowspan="2">
                              <span name="select" wicket:id="Source" id="Source" class="dropbox">
                              </span>
                         </td>
                         <td valign="top" class="pickercell">
                            <input name="BegDate" class="picker" wicket:id="BegDate" type="text" readonly/>
                            <br />
                            <select name="BegHour" id="BegHour">
                            </select>
                            <select name="BegMin" id="BegMin">
                            </select>
                            <select name="Begm" id="Begm">
                               <option selected value="AM">AM</option>
                               <option value="PM">PM</option>
                            </select>
                         </td>
                         <td valign="top" class="pickercell">
                            <input name="EndDate" class="picker" wicket:id="EndDate" type="text" readonly/>
                            <br />
                            <select name="EndHour" id="EndHour">
                            </select>
                            <select name="EndMin" id="EndMin">
                            </select>
                            <select name="Endm" id="Endm">
                               <option value="AM">AM</option>
                               <option selected value="PM">PM</option>
                            </select>
                         </td>
                        <td>
                            <input type="radio" name="display" value="chart" checked="checked" />Chart<br />
                            <input type="radio" name="display" value="table" />Table
                        </td>
                     </tr>
                     <tr>
                         <td valign="top" colspan="2" class="displaytype"> Interval:
                             <select name="Interval" id="Interval" >
                                 <option value="1">1 min</option>
                                 <option value="5">5 min</option>
                                 <option value="10">10 min</option>
                                 <option selected value="15">15 min</option>
                                 <option value="30">30 min</option>
                                 <option value="60">1 hr</option>
                                 <option value="1440">1 day</option>
                                 <option value="10080">1 week</option>
                             </select>
                             
                         </td>
                        <td valign="top">
                            <input name="button" type="button" id="Button" onclick="init();" value="Visualize" />
                        </td>
                     </tr>
                     <tr>
                         <td valign="top" height="400" colspan="5" rowspan="2" align="center">
                             <div id='chart_div' style='width: 700px; height: 400px; '>
                             </div>
                         </td>
                     </tr>
                </form>
             </table>
         </td>
     </tr>
</table>
     <div align="center" id="working" class="working" style="display:none;">
         <p>Please Wait
         <br />
         Retrieving Data
         </p>
         <input type="button" class="canbutton" onclick="cancelquery();" value="Cancel" />
     </div>
</body>
</wicket:extend>
</html>
